<template>
  <el-tabs type="border-card" v-model="tabVal">
    <el-tab-pane label="基本信息" name="first">
      <BasicForm @changeTab='changeTab' />
    </el-tab-pane>
    <el-tab-pane label="修改密码" name="second">
      <Password />
    </el-tab-pane>
    <el-tab-pane label="第三方帐户" name="third">
      <AccountBind />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import BasicForm from "./components/BasicForm";
import Password from "./components/Password";
import AccountBind from "./components/AccountBind";
export default {
  components: {
    BasicForm,
    Password,
    AccountBind
  },
  data() {
    return {
      tabVal: "first"
    };
  },
  methods: {
    changeTab(val = "first") {
      this.tabVal = val;
    }
  }
};
</script>

<style scoped lang="scss">
</style>
